li{list-style: none;}
.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
body,html{background: #f0f0f0;}
header{
     position: fixed;
     top: 0;
    padding-left: 2%;
     width:98%;
     background:#27c1b4;
    .px2rem(height,88);
     display: flex;
     align-items: center;
     justify-content: space-between;
    p{
      .px2rem(font-size,32);
               color: #fff;
               text-align: center;
        
    }
}
.sesa{
    padding-top: 13%;
}
.box{
    border-left: 5px solid #a7a7a7;
    width: 90%;
    margin-left: 5%;
    padding-top: 5%;
    padding-bottom: 8%;
    .small{
        margin-top: 8%;
        .small_x{
            display: flex;
            .bule{
                .px2rem(height,60);
                .px2rem(width,60);
                .px2rem(border-radius,60);
                 background: #27c1b4;
                .px2rem(font-size,15);
                color: #FFFFFF;
                text-align: center;
                .px2rem(line-height,60);
                .px2rem(margin-left,-30);
                
            }
            .hui{
                .px2rem(height,60);
                .px2rem(width,60);
                .px2rem(border-radius,60);
                 background: #a7a7a7;
                .px2rem(font-size,15);
                color: #FFFFFF;
                text-align: center;
                .px2rem(line-height,60);
                .px2rem(margin-left,-30);
                
            }
            h4{
                width:30%;
                .px2rem(height,60);
                background: #27c1b4;
                color: #FFFFFF;
                text-align: center;
                .px2rem(line-height,60);
                margin-left: 5%;
            }
            
        }
        h5{
            margin-left: 9%;
            color: #c2c2c2;
            margin-top: 2%;
        }
    }
}


































